<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="templates/template.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"                
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="tituloPagina">Informe Quimestre</ui:define>

    <ui:define name="menuIzquierda">
        <h:form>
            <p:panelMenu >
                <p:submenu label="Opciones">
                    <p:menuitem value="Registrar Examen"   icon="ui-icon-pencil"  url="InformeQuimestre.jsf"/>
                </p:submenu>
                <p:separator />
                <p:submenu label="Reportes">
                    <p:menuitem value="Reporte Evaluación de Destrezas"  icon="ui-icon-note" url="ReporteQuimestre.jsf"/>
                     <p:menuitem value="Reporte Cuadro General"  icon="ui-icon-note" url="ReporteCuadroGeneral.jsf"/>
                    <p:menuitem value="Reporte Certificado de Promoción"  icon="ui-icon-note" url="ReporteCertificado.jsf"/>
                </p:submenu>
            </p:panelMenu>
        </h:form>
    </ui:define>

    <ui:define name="contenido">
        <div class="ui-widget-header" style="margin-bottom: 8px;font-size: 16px;padding-left: 10px;">
            <h:outputText value="Registrar Examenes" />
        </div>
        <h:form prependId="false" id="frmPrincipal">

            <h:panelGrid columns="4">
                <h:outputText value="Docente:"/>
                <h:outputText style="font-size: 18px;" value="#{controladorParcial.docDocente.docNombres}"/>

                <h:outputText value="Periódo Lectivo:"/>
                <h:outputText style="font-size: 18px;" value="#{controladorParcial.perActual.perNombre}"/>
                <h:outputText value="Quimestre:"/>
                <p:selectOneMenu value="#{controladorParcial.strForma}" required="true" requiredMessage="Debe seleccionar un Quimestre">
                    <p:ajax event="change" listener="#{controladorParcial.seleccionoCombo}" process="@this" update=":frmPrincipal:tabNotas"/>
                    <f:selectItem itemValue="-1" itemLabel="Seleccione un Quimestre ..." />
                    <f:selectItems value="#{controladorParcial.comFormas}" var="combo" itemValue="#{combo[0]}" itemLabel="#{combo[1]}"/>
                </p:selectOneMenu>     
                <h:outputText value="Curso:"/>
                <p:selectOneMenu value="#{controladorParcial.objCursoSeleccionado}" required="true" requiredMessage="Debe seleccionar un Quimestre">
                    <p:ajax event="change" listener="#{controladorParcial.seleccionarCursos}" process="@this" update=":frmPrincipal:tabMaterias,:frmPrincipal:tabNotas"/>
                    <f:selectItem itemValue="#{null}" itemLabel="Seleccione un Curso..." />
                    <f:selectItems value="#{controladorParcial.lisCursos}" var="combo" itemValue="#{combo[0]}" itemLabel="#{combo[1]}   #{combo[2]}"/>
                </p:selectOneMenu>
            </h:panelGrid>


            <p:dataTable  id="tabMaterias" value="#{controladorParcial.lisAsignaturas}" var="tabla" rowKey="#{tabla[0]}"
                          selection="#{controladorParcial.objAsignaturaSeleccionada}" selectionMode="single" scrollable="true" scrollHeight="100">

                <p:ajax event="rowSelect" listener="#{controladorParcial.seleccionoAsignatura}" update=":frmPrincipal:tabNotas"/>
                <p:column headerText="ASIGNATURA" >
                    #{tabla[1]}
                </p:column>
                <p:column headerText="TIPO" >
                    #{tabla[3]}
                </p:column>

            </p:dataTable>

            <p:toolbar >
                <p:toolbarGroup>
                    <p:commandButton action="#{controladorParcial.guardar}" value="Guardar" icon="ui-guardar" update=":frmPrincipal:tabNotas"/>
                    <p:separator/>
                    <p:commandButton icon="ui-icon-refresh"  value="Actualizar Matriculados" action="#{controladorParcial.actualizarInforme}" update=":frmPrincipal:tabNotas" />  
                </p:toolbarGroup>
            </p:toolbar>
            <p:dataTable  id="tabNotas" var="tabla" value="#{controladorParcial.lisInformeQuimestre}" editable="true" editMode="cell" scrollable="true" scrollHeight="150">

                <p:ajax event="cellEdit" listener="#{controladorParcial.cambioExamen}" /> 

                <p:column headerText="Alumno" style="width:25%" >
                    #{tabla[1]} #{tabla[2]}
                </p:column>
                <p:column headerText="Sumatoria" rendered="#{controladorParcial.booMuestra}" style="width:10%">
                    <h:outputText style="font-size: 13px;"  value="#{tabla[7]}" />                                
                </p:column>
                <p:column headerText="Eqv 80%" rendered="#{controladorParcial.booMuestra}" style="width:10%">
                    <h:outputText style="font-size: 13px;"  value="#{tabla[3]}" />                                
                </p:column>
                <p:column headerText="Exámen" rendered="#{controladorParcial.booMuestra}" style="width:10%;background: white" id="cExamen">
                    <p:cellEditor>  
                        <f:facet name="output"><h:outputText value="#{tabla[5]}" style="color: #{tabla[5] eq '0.00' ? 'red':'green'}"/></f:facet>  
                        <f:facet name="input">
                            <p:inputText  value="#{tabla[5]}" style="width:96%" autocomplete="off" onkeypress="return IsNumber(event);" maxlength="5">                                       
                            </p:inputText>
                        </f:facet>  
                    </p:cellEditor>  
                </p:column>
                <p:column headerText="Eqv 20%" rendered="#{controladorParcial.booMuestra}" style="width:10%">
                    <h:outputText style="font-size: 13px;" id="eqv20" value="#{tabla[4]}" />                                
                </p:column>
                <p:column headerText="Nota Quimestre" rendered="#{controladorParcial.booMuestra}" style="width:10%">
                    <h:outputText style="font-size: 14px;font-weight: bold" id="nota" value="#{tabla[6]}" />                                
                </p:column>
                 <p:column headerText="EQV" style="width:10%">
                    <h:outputText id="eqv" value="#{tabla[8]}" />                                
                </p:column>
            </p:dataTable>
        </h:form>
    </ui:define>
</ui:composition>
